<!doctype html lang="pt-br">
<html>

    <head>
        <meta charset="utf-8"/>
        <title>Moto Certo</title>
        <base href="{base_url}{base_template_site}">
        <!--[if lt IE 9]>
                <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <link rel="stylesheet" media="all" href="css/resset.css"/>
        <link rel="stylesheet" media="all" href="css/geral.css"/>
        <link rel="stylesheet" media="all" href="css/anuncio-detalhes.css"/>
        <link rel="stylesheet" media="all" href="css/classificados-lista.css"/>
        <link rel="stylesheet" media="all" href="css/classificados-menu.css"/>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <!-- Mobile Safari maximum-scale=1 to fixe the bug auto-zoom bug: http://filamentgroup.com/examples/iosScaleBug/ -->
    </head>

    <body>
        {include_header}
        <div class="wrapper">
            <header class="nav-option">
                MENU PADRÃO
            </header>
            <div class="content">
                <div class="banner-full">
                    <figures>
                        <img src="images/banner-imagem-728-90.jpg" width="728" height="90">
                        <img src="images/banner-imagem3-160-90.jpg" height="90" width="160" >
                        <!-- OU UM BANNER DE FORA A FORA-->
                    </figures>
                </div>
                <article class="classificados-lista">
                    <section>
                        <legend class="title-1">Anúncio de Motos</legend>
                        <hr style="margin:0;">
                        <div style="padding: 15px 0 0 0;height: 110px;">
                            <h1> &nbsp;&nbsp;&nbsp; {modelo}</h1>
                            <h3 class="price"><a href="{base_url}favoritos/favoritar/{id}/anuncio-info-{id}"><img src="images/{imagem}.png" height="14" width="14" alt="Adicionar {modelo} as Minhas Motos Favoritas" title="Adicionar {modelo} as Minhas Motos Favoritas"><span style="font-size: 11px;">&nbsp;&nbsp;{favorito}</span></a><br>R$ {preco}</h3>
                            <p class="pinfos">Anúnciado em {data}</p>
                            <ul class="product-detail-info">
                                <li>{anunciante} <br>
                                    {telefones}
                                    <img src="images/ico-fone.png" height="16" width="10" alt="Número do Telefone {telefone}" title="Número do Telefone  {telefone}"> <span>{telefone} </span> <br>
                                    {/telefones}
                                </li>
                                <li><br> Enviar Email </li>
                            </ul>
                        </div>
                        <!--figure title="Foto da Moto {modelo}">
                            <img src="images/anuncio/foto-moto1-xre.png" height="315" width="420">
                            <img src="images/anuncio/foto-moto1-xre.png" height="197" width="263">
                            <img src="images/anuncio/foto-moto1-xre.png" height="197" width="263">
                        </figure-->
                        <figure title="Foto da Moto {modelo}" style="float: right;width: 265px;">
                            {fotos}
                            <img src="{src}" height="{h}" alt="{legenda}">
                            {/fotos}
                            <!--img src="images/anuncio/foto-moto1-xre.png" height="64" width="85">
                            <img src="images/anuncio/foto-moto1-xre.png" height="64" width="85">

                            <img src="images/anuncio/foto-moto1-xre.png" height="64" width="85">
                            <img src="images/anuncio/foto-moto1-xre.png" height="64" width="85">
                            <img src="images/anuncio/foto-moto1-xre.png" height="64" width="85">

                            <img src="images/anuncio/foto-moto1-xre.png" height="64" width="85">
                            <img src="images/anuncio/foto-moto1-xre.png" height="64" width="85">
                            <img src="images/anuncio/foto-moto1-xre.png" height="64" width="85">

                            <img src="images/anuncio/foto-moto1-xre.png" height="64" width="85">
                            <img src="images/anuncio/foto-moto1-xre.png" height="64" width="85">
                            <img src="images/anuncio/foto-moto1-xre.png" height="64" width="85"-->
                        </figure>
                    </section>
                    <section>
                        <legend class="title-1">Informações</legend>
                        <hr style="margin:0;">
                        <ul class="product-detail-info-2">
                            <li>Em {cidade} - {uf}</li>
                            <li>Ano: {ano_mod}/{ano_fab}</li>
                            <li>Km: {quilometragem}</li>
                            <li>Estilo: {estilo}</li>
                            <li>Cc: {cilindrada}</li>
                            <li>Tipo de Motor: {motor}</li>

                            <li>Cor: {cor_p}l-{cor_s}</li>
                            <li>Freio dianteiro/traseiro: {freios}</li>
                            <li>Alimentação: {alimentacao}</li>
                            <li>Refrigeração: {refrigeracao}</li>
                            <li>Marchas: {marchas}</li><li>Partida: {partida}</li>
                        </ul>
                    </section>

                    <section>
                        <legend class="title-1">Informações Adicionais</legend>
                        <hr style="margin:0;">
                        <ul class="product-detail-info-2">
                            {informacoes}
                            <li>{informacao}</li>
                            {/informacoes}
                        </ul>
                    </section>

                    <section>
                        <legend class="title-1">Opcionais</legend>
                        <hr style="margin:0;">
                        <ul class="product-detail-info-2">
                            {opcionais}
                            <li>{opcional}</li>
                            {/opcionais}
                        </ul>
                    </section>

                    <section>
                        <legend class="title-1">Nota do Vendedor</legend>
                        <hr style="margin:0;">
                        <p class="product-detail-info-2">
                            {observacao}
                        </p>
                    </section>

                    <section>
                        <legend class="title-1">Avaliação</legend>
                        <hr style="margin:0;">
                        <ul class="product-detail-info-2">
                            <li>Preço desse Anúncio:       R$ {preco}</li>
                            <li>Preço da Tabela FIPE:       {preco_fipe}</li>
                            <li>Preço Médio Moto Certo:  R$ {preco_medio}</li>
                            <li>Menor Preço Anunciado:  R$ {preco_menor}</li>
                        </ul>
                    </section>

                </article>

                {include_search_options}
                {include_banner_600}
                <!--aside class="search-options">
                    <h1><img src="images/ico-search.png" height="17" width="12" title="Pesquisar Anúncios de Motos" atl="Pesquisar Anúncios de Motos">&nbsp;&nbsp; Pesquisar Anúncios de Motos</h1>
                    <hr>
                    <form>
                        <label>Ordenar Por:<br>
                            <select>
                                <option>Anúncios Recentes</option>
                                <option>Anúncios Recentes</option>
                                <option>Anúncios Recentes</option>
                            </select>
                        </label><br><br>
                        <label>Marca:<br>
                            <select>
                                <option>Anúncios Recentes</option>
                                <option>Anúncios Recentes</option>
                                <option>Anúncios Recentes</option>
                            </select>
                        </label><br><br>
                        <label>Modelo:<br>
                            <select>
                                <option>Anúncios Recentes</option>
                                <option>Anúncios Recentes</option>
                                <option>Anúncios Recentes</option>
                            </select>
                        </label><br><br>
                        <label>Ano:<br>
                            <select>
                                <option>Anúncios Recentes</option>
                                <option>Anúncios Recentes</option>
                                <option>Anúncios Recentes</option>
                            </select>
                        </label><br><br>
                        <label>Preço:<br>
                            <select>
                                <option>Anúncios Recentes</option>
                                <option>Anúncios Recentes</option>
                                <option>Anúncios Recentes</option>
                            </select>
                        </label><br>
                        <input type="button" class="botao-azul" value="Buscar" style="height: 29px;width: 110px;margin-top: 15px; float:right;">

                    </form>
                </aside>
                <div class="fr" style="margin-right:13px; margin-top:30px;">
                    <a href="#" ><img src="images/banner-imagem3-160-600.jpg" ></a>
                </div-->

                <div style="clear:both"></div>

            </div>
        </div>

        <div class="footer-wrapper">
            <footer>
                <nav class="nav-footer">
                    <ul>
                        <li><a href="#">Institucional</a></li>
                        <li><a href="#">Sobre o Moto Certo</a></li>
                        <li><a href="#">Política de Privacidade</a></li>
                        <li><a href="#">Termos de Uso</a></li>
                    </ul>
                    <ul>
                        <li><a href="#">Anúncios</a></li>
                        <li><a href="#">Como Comprar</a></li>
                        <li><a href="#">Como Vender</a></li>
                        <li><a href="#">Como Anunciar</a></li>
                    </ul>
                </nav>
                <figure class="banners-footers">
                    <img src="images/banner-imagem-160-90.jpg" height="90" width="160" >
                    <img src="images/banner-imagem2-160-90.jpg" height="90" width="160" >
                    <img src="images/banner-imagem3-160-90.jpg" height="90" width="160" >
                </figure>
                <summary class="summary-footer">
                    Moto Certo © 2012 Todos os Direitos Reservados - <a href="#">by Produtora Web</a>
                </summary>
            </footer>
        </div>


    </body>

</html>